<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta charset="utf-8" name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>个人中心</title>
<link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/css/bootstrap.min.css">
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/jquery2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/common.js"></script>

<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/hammer.min.js"></script>
<script type="text/javascript"
    src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/jquery.hammer.js"></script>
<script type="text/ecmascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/sha1.js"></script>
<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/wechatCommon.js"></script>
<script type="text/javascript" src="http://wxtest.gmmc.com.cn/wx/fs01/assets/v1/js/homepage/members.js?_t=2781212225"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<style>
/* body{background-color:#f6f6f6;} */
</style>
<style>
   /* Carousel */

#myCarInfos {
    padding: 20px 0 0 0;
    /*margin-top: 10px;*/
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.carousel-caption {
      max-width: 550px;
      padding: 0 10px;
      margin:0 auto;
      margin-top: 200px;
      text-align:center;
      left:150px;
}

#myCarInfos .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#myCarInfos .carousel-control.left {
    left: -60px;
}
#myCarInfos .carousel-control.right {
    right: -60px;
}
#myCarInfos .carousel-indicators {
    right: 50%;
    top: 47%;
    bottom: 0px;
    margin-right: -19px;
    display: none;
}
#myCarInfos .carousel-indicators li {
    width: 25px;
    height: 25px;
    margin: 4px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#myCarInfos .carousel-indicators .active {
    background: #333333;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
    display: none;
}
.carousel-inner {
    min-height: 50px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.circle{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: transparent;
    padding: 10px;
}
.circle img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.signDiv a{
    color: #666;
    text-decoration:underline;
}
.table .minbox{
   position: absolute;
   background: red;
   width: 1.5rem;
   top: 10%;
   font-size: 1.3rem;
   text-align: center;
   border-radius: 0.3rem;
   left: 57%;
   height: 1.2rem;
   line-height: 1.2rem;
   color: white;
}
   </style>
</head>
<body>
<input class="hidden" id="potentialUserId" value="">
<input class="hidden" id="userId" value="">
<input class="hidden" id="vin" value="">
<input class="hidden" id="dealerCode" value="">
<div style="padding:0px 0 0 0" class="">
  <div class="panel panel-default container">
    <div class="row " style='padding-bottom: 10px;'>
        <div class="col-md-6 col-xs-6 col-sm-6" style="padding: 0;">
                <div class="circle" style="float:left">
                    <img id="Imgurl">
                </div>
                <div style="float:left">
                    <p id="userName" style="padding: 22px 0 0 5px; font-size: 14px;margin: 0;"></p>
                    <p id="phone" style="padding: 0 0 0 0; font-size: 14px;"></p>
                </div>
        </div>
        <div id="signDiv" class="col-md-5 col-xs-5 col-sm-5">
        <p id="sign" style="padding:50px 0 0 5px;font-size: 12px; color: #888;position: relative;left: -130px;"></p>
        </div>
        <div id="carInfosDiv" class="col-md-6 col-xs-6 col-sm-6" data-wow-delay="0.2s">

                <div id="myCarInfos" class="carousel slide" data-ride="carousel"></div>
            </div>
    </div>
  </div>
</div>
<div style="background-color:#fff;">
<table class="table table-bordered" style="text-align:center;">
<tr>
<td onclick="javascript:location.href='modules/message.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;position:relative'>
    <div class="minbox pay">

    </div>
    <img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/new@2x.png">
    <p style="padding:10px">
        我的消息
    </p>
</td>
<td onclick="javascript:location.href='modules/recommend.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/recommend@2x.png"><p style="padding:10px">我的推荐</p></td>
<td onclick="javascript:location.href='modules/integration.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/JF@2x.png"><p style="padding:10px">我的积分</p></td>
</tr>
<tr>
<td onclick="javascript:location.href='modules/take.html/#/allOrder'" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/smqsc@2x.png"><p style="padding:10px">上门取送车</p></td>

<!-- homepage/maintains.html?userId=+$('#userId').val() -->
<td onclick="javascript:location.href='modules/maintenance.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/wxyy@2x.png"><p style="padding:10px">我的预约</p></td>
    <td onclick="javascript:location.href='rh.html?vin='+$('#vin').val()" style='padding: 15px 0 0 0;position:relative'>
        <div class="minbox may">

        </div>
        <img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/wxll@2x.png">
        <p style="padding:10px">
            维保记录
        </p>
    </td>
</tr>
<tr>
<td onclick="javascript:location.href='modules/coupon.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/kq@2x.png"><p style="padding:10px">我的卡券</p></td>
<td onclick="javascript:location.href='sy.html?userId='+$('#userId').val()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/wjdc@2x.png"><p style="padding:10px">问卷调查</p></td>
<td onclick="javascript:location.href='modules/setting.html?t='+ new Date().getTime()" style='padding: 15px 0 0 0;'><img style="width:40%;" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/Member/sz@2x.png"><p style="padding:10px">设置</p></td>
</tr>
</table>
</div>
</body>
<script>
    $(function(){
        $.ajax({
           headers:{'Cookie' : document.cookie },
           type:'GET',
          url:rootPath + '/customer/api/v1/queryEvaluationNum',
            dataTybe:'json',
          async:false,
		  contentType:'application/json',
            success:function(data){
               if(data.data!==0){
                   $('.table .may').html(data.data);
               }else{
                  $('.table .may').css('display','none');
               }
           }        })
        $.ajax({
            headers:{'Cookie' : document.cookie },
            type:'GET',
            url:rootPath + '/wechat-push/api/v1/myMessage/messageCount',
            dataTybe:'json',
            async:false,
            contentType:'application/json',
            success:function(res){
                if(res.data!==0){
                    $('.table .pay').html(res.data);
                }else{
                    $('.table .pay').css('display','none');
                }
            }
        })

    })

</script>
</html>